.wrap {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--window-top));
    width: 100%;
	.u-tabs-box{
		border-bottom: 2rpx solid #C8C7CC;
	}
	.swiper-box{
		flex: 1;
		.swiper-item{
			.dataQuery{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 20rpx;
				.datatime{
					border-radius: 8rpx;
					padding: 20rpx 24rpx;
					background: #F6F9FC;
					border: 1rpx solid #C8C7CC;
					font-size: 28rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					.calendar{
						margin-left: 64rpx;
					}
				}
				.all{
					border:1rpx solid #C8C7CC ;
					border-radius: 8rpx;
					font-size: 24rpx;
					padding: 22rpx 24rpx;
					background: #F6F9FC;
					.arrow-down{
						margin-left: 66rpx;
					}
				}
			}
			.state{
				margin: 24rpx;
				border: 1rpx solid #E6E6E6;
				box-shadow: 0 6rpx 20rpx 0 #99999933;
				border-radius: 16rpx;
				.center-content{
					margin: 24rpx 24rpx 0;
					display: flex;
					border-bottom: 1rpx solid #E6E6E6;
					padding-bottom: 24rpx;
					image{
						width: 220rpx;
						height: 160rpx;
						background: #C8C7CC;
					}
					.right-info{
						flex: 1;
						margin-left: 24rpx;
						.title-info{
							display: flex;
							align-items: center;
							justify-content: space-between;
							margin-bottom: 24rpx;
							view{
								font-weight: 700;
								font-size: 32rpx;
								color: #333333;
							}
							.in-button{
								font-size: 24rpx;
								color: #1677FE;
								font-weight: 400;
							}
							.in-button1{
								font-size: 24rpx;
								color: #999;
								font-weight: 400;
							}
							.in-button2{
								font-size: 24rpx;
								color: #05C160;
								font-weight: 400;
							}
						}
						.pay{
							text-align: right;
							font-size: 24rpx;
							color: #FE6000;
							
							text{
								font-size: 36rpx;
								font-weight: 700;
							}
							
						}
					}
				}
				.bot-info{
					font-size: 28rpx;
					color: #999999;
					line-height: 53rpx;
					margin-top: 16rpx;
					.bot-item{
						padding: 0 24rpx;
					}
					.usertime{
						text{
							color: #1677FE;
						}
					}
					.timeout{
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-bottom: 24rpx;
						view:nth-of-type(1){
							color: #FE6000;
						}
						view:nth-of-type(2){
							color:  #fff;
							background: #1677FE;
							font-size: 24rpx;
							padding: 11rpx 16rpx;
						}
					}
					.ordertime{
						display: flex;
						align-items: center;
						justify-content: space-between;
						text{
							color:#1677FE;
						}
						view:nth-of-type(2){
							color:  #fff;
							background: #FE6000;
							font-size: 24rpx;
							padding: 11rpx 16rpx;
						}
					}
					.order{
						background: #F6F9FC;
						border-top: 1rpx solid #E6E6E6;
						color:#333;
						text-align: center;
						padding: 19rpx 0 26rpx;
						text{
							margin-left: 16rpx;
						}
					}
					.orderUp{
						margin-top: 24rpx;
					}
				}
			}
		}
	}
} 
/deep/ .u-calendar__action{
	      display: flex;
	      justify-content: space-between;
	      align-items: center;
	  }